<?xml version="1.0" encoding="UTF-16"?>

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="refresh" content="900; url=Wallpaper.html"/>
</head>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Option menu -->
<script>
	var EnableClock		=	false;
	var EnableCalendar	=	true;
	var EnableWeather	=	true;
</script>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Style section -->
<style>
#Layer{width: 320px; height: 480px; position: absolute; top: 0px; right: 0px; down: 0px; left: 0px;}
#Overlay{width: 320px; height: 418px; position: absolute; top: 7px; right: 0px; down: 0px; left: 0px;}
#Overlay1{width: 320px; height: 480px; position: absolute; top: 0px; right: 0px; down: 0px; left: 0px; opacity: 0.5;}
.stretch {width:100%; height:100%;}

    td#Backgrounds
{
	margin-top:0px;	
	position: absolute; top: 0px; right: 0px; down: 0px; left: 0px;
}

    SPAN#date
{
	font-family: mindplay;
	font-weight: 100;
	color: white;
       text-shadow: 0px 0px 1px black;
	font-size: 10px;
	text-transform: uppercase;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.9, #666));
}

    SPAN#weekday
{
	font-family: mindplay;
	font-weight: 100;
	color: white;
       text-shadow: 0px 0px 1px black;	
	font-size: 10px;
	text-transform: uppercase;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(transparent), color-stop(0.9, #666));
}

#WeatherContainer{
    background-color: rgba(0,0,0,0);
}

#TextContainer{
    font-size:18px;
    font-family: mindplay;
    font-weight: bold;
    color:black;
}

#city{
	
	display: none;
}

#temp{
	position: absolute; top: 240px; right: 0px; down: 0px; left: 280px; width: 320px; height: 480px; text-align: left;
	font-family: mindplay;
	font-size: 18px;
	font-weight: 100;
	color: 98fc5b;
       text-shadow: 0px 0px 1px white;
	text-transform: uppercase;
}

#desc{
	position: absolute; top: 400px; right: 0px; down: 0px; left: 105px; width: 320px; height: 480px; text-align: centre;
	font-family: mindplay;
	font-weight: 100;
	font-size: 15px;
	color:  white;
       text-shadow: 0px 0px 1px black;
	text-transform: uppercase;
}

#TextContainer p{
	margin:0;
}

#weatherIcon{
	position: absolute;top: -5px; left: -1px; width: 320px; height: 480px;
	height: 491;
	width: 323;
}

</style>


<!---------------------------------------------------------------------------------------------------------------->
<!-- Display Wallpaper and Overlay here -->
<div id="Layer"><img src="Layer.png" class="stretch"/></div>
<div id="Overlay"><img src="Overlay.png" class="stretch"/></img></div>
<div id="Overlay1"><img src="Overlay1.png" class="stretch"/></img></div>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Direct the script to the general folder where the weather icons are located -->
<base href="Private/"/>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Clock and Date Script -->
<script type="text/javascript">

<!--

var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")	//predefine month names


var this_date_timestamp = new Date()	
var this_weekday = this_date_timestamp.getDay()    
var this_date = this_date_timestamp.getDate()	 
var this_month = this_date_timestamp.getMonth()    
var this_year = this_date_timestamp.getYear()	 

if (this_year < 1000)
    this_year+= 1900;
if (this_year==101)
    this_year=2001;	   

var this_date_string = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month]//concat long date string

// -->

<!---------------------------------------------------------------------------------------------------------------->
<!-- Weather Script -->

	var locale = "1236594"
	var isCelsius = true
	var useRealFeel = false
	var enableWallpaper = true;
	var enableLockScreen = true;
	var stylesheetWall = 'mini'
	var stylesheetLock = 'mini'
	var stylesheet = 'mini'
	var iconSetWall = 'stardock'
	var iconExtWall = ".png"
	var iconSetLock = 'stardock'
	var iconExtLock = '.png'
	var source = 'yahooWeather'
	var updateInterval = 1200
	var postal;
	var demoMode = false;
	var enabled;

if (location.href.indexOf("LockBackground")  == -1){

	stylesheet = stylesheetWall;
	iconSet = iconSetWall;
	iconExt = iconExtWall;
	enabled = enableWallpaper;
}else{
	stylesheet = stylesheetLock;
	iconSet = iconSetLock;
	iconExt = iconExtLock;
	enabled = enableLockScreen;
}


if(enabled == true){
	if(iconSet == null || iconSet == 'null' || iconSet == ""){
		var iconSet = stylesheet;
}

var headID = document.getElementsByTagName("head")[0];
var styleNode = document.createElement('link');
styleNode.type = 'text/css';
styleNode.rel = 'stylesheet';
styleNode.href = 'Stylesheets/'+stylesheet+'.css';
headID.appendChild(styleNode);

var scriptNode = document.createElement('script');
scriptNode.type = 'text/javascript';
scriptNode.src = 'Sources/'+source+'.js';
headID.appendChild(scriptNode);
}

function onLoad(){
	if (EnableWeather == true){
	if (demoMode == true){
		document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+"cloudy1"+iconExt;
		document.getElementById("city").innerText="Somewhere";
		document.getElementById("desc").innerText="Partly Cloudy";
		document.getElementById("temp").innerText="100º";
	}else{
		document.getElementById("weatherIcon").src="IconSets/"+iconSet+"/"+"dunno"+iconExt;
		validateWeatherLocation(escape(locale).replace(/^%u/g, "%"), setPostal)
	}
	}else{
		document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+"blank"+iconExt;
		document.getElementById("city").innerText="";
		document.getElementById("desc").innerText="";
		document.getElementById("temp").innerText="";

	}
}


function convertTemp(num)
{
	if (isCelsius == true)
		return Math.round ((num - 32) * 5 / 9);
	else
		return num;
}


function setPostal(obj){
	if (obj.error == false){
		if(obj.cities.length > 0){
			postal = escape(obj.cities[0].zip).replace(/^%u/g, "%")
			document.getElementById("WeatherContainer").className = "";
			weatherRefresherTemp();
		}else{
			document.getElementById("city").innerText="Not Found";
			document.getElementById("WeatherContainer").className = "errorLocaleNotFound";
		}
	}else{
		document.getElementById("city").innerText=obj.errorString;
		document.getElementById("WeatherContainer").className = "errorLocaleValidate";
		setTimeout('validateWeatherLocation(escape(locale).replace(/^%u/g, "%"), setPostal)', Math.round(1000*60*5));
	}
}


function dealWithWeather(obj){
	if (obj.error == false){
		document.getElementById("city").innerText=obj.city;
		document.getElementById("desc").innerText=obj.description.toLowerCase();
		if(useRealFeel == true){
			tempValue = convertTemp(obj.realFeel);
		}else{
			tempValue = convertTemp(obj.temp)
		}

	       document.getElementById("temp").innerHTML =tempValue+ "&#176;";
		document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+MiniIcons[obj.icon]+iconExt;
		document.getElementById("WeatherContainer").className = "";
	}else{
		document.getElementById("WeatherContainer").className = "errorWeatherDataFetch";
	}
}


function weatherRefresherTemp(){
	fetchWeatherData(dealWithWeather,postal);
	setTimeout(weatherRefresherTemp, 60*1000*updateInterval);
}


var MiniIcons =
[
	"0",		       //0	tornado
	"1",		       //1	tropical storm
	"2",		       //2	hurricane
	"3",		       //3	severe thunderstorms
	"4",		       //4	thunderstorms
	"5",		       //5	mixed rain and snow
	"6",		       //6	mixed rain and sleet
	"7",		       //7	mixed snow and sleet
	"8",		       //8	freezing drizzle
	"9",		       //9	drizzle
	"10",		       //10	freezing rain
	"11",		       //11	showers
	"12",		       //12	showers
	"13",		       //13	snow flurries
	"14",		       //14	light snow showers
	"15",		       //15	blowing snow
	"16",		       //16	snow
	"17",		       //17	hail
	"18",		       //18	sleet
	"19",		       //19	dust
	"20",		       //20	foggy
	"21",		       //21	haze
	"22",		       //22	smoky
	"23",		       //23	blustery
	"24",		       //24	windy
	"25",		       //25	cold
	"26",		       //26	cloudy
	"27",		      //27	mostly cloudy (night)
	"28",		       //28	mostly cloudy (day)
	"29",		      //29	partly cloudy (night)
	"30",		       //30	partly cloudy (day)
	"31",		      //31	clear (night)
	"32",		       //32	sunny
	"33",		       //33	fair (night)
	"34",		       //34	fair (day)
	"35",		       //35	mixed rain and hail
	"36",		       //36	hot
	"37",		       //37	isolated thunderstorms
	"38",		       //38	scattered thunderstorms
	"39",		       //39	scattered thunderstorms
	"40",		       //40	scattered showers
	"41",		       //41	heavy snow
	"42",		       //42	scattered snow showers
	"43",		       //43	heavy snow
	"44",		       //44	partly cloudy
	"45",		       //45	thundershowers
	"46",		       //46	snow showers
	"47",		       //47	isolated thundershowers
	"dunno",		//3200 not available
]


function constructError (string)
{
	return {error:true, errorString:string};
}


function findChild (element, nodeName)
{
	var child;
	for (child = element.firstChild; child != null; child = child.nextSibling)
	{
		if (child.nodeName == nodeName)
			return child;
	}
	return null;
}


function fetchWeatherData (callback, zip)
{
	url="http://weather.yahooapis.com/forecastrss?u=f&p=" //u=Farenheit, because accuWeather sucks
	var xml_request = new XMLHttpRequest();
	xml_request.onload = function(e) {xml_loaded(e, xml_request, callback);}
	xml_request.overrideMimeType("text/xml");
	xml_request.open("GET", url+zip);
	xml_request.setRequestHeader("Cache-Control", "no-cache");
	xml_request.send(null);
	return xml_request;
}


function xml_loaded (event, request, callback)
{
	if (request.responseXML)
	{
		var obj = {error:false, errorString:null};
		var effectiveRoot = findChild(findChild(request.responseXML, "rss"), "channel");
		obj.city = findChild(effectiveRoot, "yweather:location").getAttribute("city");
		obj.realFeel = findChild(effectiveRoot, "yweather:wind").getAttribute("chill");//Only accounts for windChill
		conditionTag = findChild(findChild(effectiveRoot, "item"), "yweather:condition");
		obj.temp = conditionTag.getAttribute("temp");
		obj.icon = conditionTag.getAttribute("code");
		obj.description = conditionTag.getAttribute("text");
		callback (obj);
	}else{
		callback ({error:true, errorString:"XML request failed. no responseXML"});
	}
}

function validateWeatherLocation (location, callback)
{
	var obj = {error:false, errorString:null, cities: new Array};
	obj.cities[0] = {zip: location}; //Not very clever, are we?
	callback (obj);
}

<!---------------------------------------------------------------------------------------------------------------->
<!-- Clock Mone  -->

dg0 = new Image();dg0.src="Time/0.png";
dg1 = new Image();dg1.src="Time/1.png";
dg2 = new Image();dg2.src="Time/2.png";
dg3 = new Image();dg3.src="Time/3.png";
dg4 = new Image();dg4.src="Time/4.png";
dg5 = new Image();dg5.src="Time/5.png";
dg6 = new Image();dg6.src="Time/6.png";
dg7 = new Image();dg7.src="Time/7.png";
dg8 = new Image();dg8.src="Time/8.png";
dg9 = new Image();dg9.src="Time/9.png";
dgam=new Image();dgam.src="Time/am.png";
dgpm=new Image();dgpm.src="Time/pm.png";

function dotime(){ 

theTime=setTimeout('dotime()',1000);
d = new Date();
hr = d.getHours()+100;
mn = d.getMinutes()+100;
se = d.getSeconds()+100;

if(hr==100){hr=112;am_pm='am';hr=(hr-12);}
else if(hr<112){am_pm='am';}
else if(hr==112){am_pm='pm';}
else if(hr>112){am_pm='pm';hr=(hr-12);}

tot=''+hr+mn+se;

document.hr1.src = 'Numbers/'+tot.substring(1,2)+'.png';
document.hr2.src = 'Numbers/'+tot.substring(2,3)+'.png';
document.mn1.src = 'Numbers/'+tot.substring(4,5)+'.png';
document.mn2.src = 'Numbers/'+tot.substring(5,6)+'.png';
document.ampm.src= 'Numbers/'+am_pm+'.png';}

dotime();

function init3 ( )
{
  timeDisplay = document.createTextNode ( "" );
  document.getElementById("date").appendChild ( timeDisplay );
}

function calendarDate ( )
{
  var this_date_name_array = new Array ("0", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27" ,"28", "29" ,"30", "31")
  var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
  var this_month_name_array = new Array("01","02","03","04","05","06","07","08","09","10","11","12")    //predefine month names

  var this_date_timestamp = new Date()	  
  var this_weekday = this_date_timestamp.getDay()    
  var this_date = this_date_timestamp.getDate()    
  var this_month = this_date_timestamp.getMonth()    

document.getElementById("date").firstChild.nodeValue = this_date_name_array[this_date] + "." + this_month_name_array[this_month] + "." + this_year //concat long date string
document.getElementById("weekday").firstChild.nodeValue = this_weekday_name_array[this_weekday] //concat long date string
}

</script>

<!---------------------------------------------------------------------------------------------------------------->
<!-- Display All - Weather-Clock-Date  -->
<body bgcolor="Transparent" onload="onLoad()">
<div>
		/date
<div id="WeatherContainer"> <div id="TextContainer"> <p id="city">Somewhere</p> <p id="temp">32&#176;</p> <p id="desc">cloudy</p> </div>
<img id="weatherIcon" src=""/> </div>

<table style="position: absolute; top: 425px; left: 220px; width: 320px; height: 480px;">
<tr align="left" valign="top"  border="0" cellpadding="0">
    <td height="12" valign="top" margin-left="20" >
<span id="date">
<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
    </span>
    </td>
</tr>
<tr></table>
		/day
<table style="position: absolute;top: 425px; left: 52px; width: 320px; height: 481px;">
<tr align="left" valign="top"  border="0" cellpadding="0">
    <td height="12" valign="top" margin-left="20" >
<span id="weekday">
<script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>
    </span>
    </td>
</tr>
<tr></table>
	/time
<div style="position:relative; z-index:2;">
<table style="position: absolute; top: -200px; left: 45px; width: 320px; height: 480px;" text-align: center;"><td height="40" border="0">
<img src="Numbers/8.png" name="hr1" width="50" height="70">
<img src="Numbers/8.png" name="hr2" width="50" height="70">

<div style="position:relative; z-index:2;">
<table style="position: absolute; top: -272px; left: 105px; width: 320px; height: 480px;" text-align="center"><td height="40" border="0">
<img src="Numbers/8.png" name="mn1" width="50" height="70">
<img src="Numbers/8.png" name="mn2" width="50" height="70">
<div style="position:relative; z-index:2;">
<table style="position: absolute; top: 313px; left: -40px; width: -320px; height: 480px;" text-align="center"><td height="40" border="0">
<img src="Numbers/am.png" name="ampm" width="25" height="17">
</td>
</table>

</body></html>